$(function() {
  // decodeURL  中文变成英文
  // 获取地址栏的数据
  var url=decodeURI(location.search);
  url=url.substr(1);
  var arr=url.split('&')
  var obj={};
  arr.forEach(function(v,i){
    var key=v.split('=')[0];
    var value=v.split('=')[1];
    obj[key]=value;
  })
  // 渲染面包屑导航
  setNav(obj.categoryid)
  function setNav(id) {
    $.ajax ({
      url:'http://127.0.0.1:9090/api/getcategorybyid',
      data: {
        categoryid:id
      },
      dataType:'json',
      success:function(info) {
        console.log(info);
        $('.navbar').html(template('tmp',info));
      }
    })
  }

  // 列表页渲染
  renderList(obj.categoryid);
  function renderList(categoryid,pageid) {
    $.ajax({
      url:'http://127.0.0.1:9090/api/getproductlist',
      dataType:'json',
      data:{
        categoryid:categoryid,
        pageid:pageid||1
      },
      success:function(info) {
        console.log(info);
        $('.items').html(template('tmp2',info));
      }
    })
  }
  // 分页渲染
  function setPage(categoryid,pageid) {
    $.ajax({
      url: 'http://127.0.0.1:9090/api/getproductlist',
      dataType: 'json',
      data:{
        categoryid :categoryid,
        pageid:pageid||1
      },
      success: function (info) {
        var total=Math.ceil(info.totalCount/10);
        info.total=total;
        console.log(info);
        $('#pagination').html(template('tmp3',info));
      }
    })
  }
  setPage(obj.categoryid);
  
  // 点击select选择渲染页数
  $('#pagination').on('change','select',function(){
    var id = $(this).val();
    renderList(obj.categoryid,id);
  })
  // 上一页
  $('#pagination').on('click','.btn1',function(){
    var id=$('select').val();
    renderList(obj.categoryid,id-1);
    $('select').val(id-1);
  })
  // 下一页
  $('#pagination').on('click','.btn2',function(){
    var id=$('select').val();
    id=Number(id);
    renderList(obj.categoryid,id+1);
    $('select').val(id+1);
  })
  
  

  
})